<template>
    <li>
      <slot></slot>
    </li>
</template>

<script>
    export default {
        name: "vm-index-NineGridLi"
    }
</script>

<style scoped>
li {
  display: flex;
  justify-content: space-between;
  width: 33.333%;
  border-right: 1px solid #ffffff; /* no */
  border-bottom: 1px solid #ffffff; /* no */
  flex-direction: column;
  align-items: center;
}
li:nth-child(3),
li:nth-child(6),
li:nth-child(9) {
  border-right: none;
}

li:nth-child(7),
li:nth-child(8),
li:nth-child(9) {
  border-bottom: none;
}
</style>
